<template>
    <div class="footer">
        <div style="border-bottom:1px solid #dcdcdc;margin-bottom: 30px;"></div>
        <div class="box">
            <el-row>
                <el-col :span="5">
                    <span>购物指南</span>
                    <ul>
                        <li>购物流程</li>
                        <li>会员介绍</li>
                        <li>生活旅行</li>
                        <li>常见问题</li>
                        <li>大家电</li>
                        <li>联系客服</li>
                    </ul>
                </el-col>
                <el-col :span="5">
                    <span>配送方式</span>
                    <ul>
                        <li>上门自提</li>
                        <li>211限时直达</li>
                        <li>配送服务查询</li>
                        <li>配送服务收费标准</li>
                    </ul>
                </el-col>
                <el-col :span="4">                    
                    <span>支付方式</span>
                    <ul>
                        <li>货到付款</li>
                        <li>在线支付</li>
                        <li>分期付款</li>
                        <li>公司转账</li>
                    </ul>
                </el-col>
                <el-col :span="5">                    
                    <span>售后服务</span>
                    <ul>
                        <li>售后政策</li>
                        <li>价格保护</li>
                        <li>退款说明</li>
                        <li>返修/退换货</li>
                        <li>取消订单</li>
                    </ul>
                </el-col>
                <el-col :span="5">
                    <span>特色服务</span>
                    <ul>
                        <li>DIY装机</li>
                        <li>延保服务</li>
                        <li>退款说明</li>
                        <li>返修/退换货</li>
                        <li>取消订单</li>
                    </ul>
                </el-col>
            </el-row>

            <div style="border-bottom:1px solid #dcdcdc;height:5px;margin-top: 30px; margin-bottom: 30px;"></div>
            <div>
                <ul class="link">
                    <li>关于我们 | </li>
                    <li>联系我们 | </li>
                    <li>联系客户 | </li>  
                    <li>合作招商 | </li>  
                    <li>商家帮助 | </li>  
                    <li>营销中心 | </li>  
                    <li>友情链接 | </li>  
                    <li>销售联盟 | </li>  
                    <li>风险监测 | </li>  
                    <li>隐私政策 </li> 
                </ul>
            </div>
        </div>
    </div>
</template>

<style scoped>
ul,li{
    list-style: none;
}

ul{
    margin: 0;
    padding:0;
}




.footer{
    padding:30px 0;
    text-align: left;
}

.footer .box span{
    font-weight: 600;
    font-size: 14px;
}

.footer ul>li{
    font-size: 12px;
    padding:3px 0 3px 3px;
}

.footer .link li{
    float: left;
}

</style>